*{
	margin: 0;
	padding: 0;
}
html{
	overflow-x: hidden;
}

body{
	width:100%;
	height:100%;
	color: #737373;
	
}
a{
	text-decoration: none;
	color: #737373;
}
ul{
	list-style: none;
}	

.tong-x {
	margin: 0 auto;
	width:1200px;
	color: #737373;
	
}
.header{
	width: 100%;
	background:#f2f2f2;
	font-size: 14px;
	float: left;
}
.header-x{
	height:35px;
	background:#f2f2f2;
}
.h-left{
	float: left;
}
.h-left li{
	padding: 0 4px;
	display: block;
	line-height: 35px;
	height:35px;
	float: left;
	cursor: pointer;
}
.h-left li:hover{
	color: #fc9262;
}
.h-right{
	float: right;
}
.h-right li{
	padding: 0 4px;
	display: block;
	line-height: 35px;
	height:35px;
	float: left;
	cursor: pointer;
}
	
.h-right li:hover{
	 color: #fc9262;
}
.h-right li a:hover{
	 color: #fc9262;
}
.h-right li:last-child:hover{
	cursor: default;
	color: #737373;
}
.h-right li:nth-child(2n):hover{
	cursor: default;
	color: #737373;
}
.h-right li b{
	font-weight: normal;
	 color: #fc9262;
}
.nav{
	width: 100%;
	float: left;
	border: solid 1px #999;
}
.nav-x{
	height: 172px;
}
.nav-top{
	height: 120px;
	float: left;
}
.nav-down{
	height: 52px;
	float: left;
}
.nav-log{
	    
	    float: left;
	    width: 350px;
	    height: 64px;
	    margin-top: 40px;
		background: url(../imgs/detail-img/common_sprite.png) no-repeat;
		background-position:0 -248px;
}
.nav-seach{
	float: left;
}
	
.quan{
		margin-top: 40px;
		border: 2px solid #FF734C;
		width: 462px;
	    height:48px;
		border-radius: 24px;
}
.fang{
	margin-top: 10px;
	margin-left: 10px;
	display: block;
	background: url(../imgs/detail-img/common_sprite.png) no-repeat;
	background-position:0 -38px;
	width:20px;
	height:30px;
	float: left;
}
.nav-seach input{
	padding: 0 8px;
	width:310px;
	height:48px;
	box-sizing: border-box;
	border: 0;
	float: left;
}
.nav-seach button{
	color: white;
	float: left;
	width:122px;
	height:48px;
	box-sizing: border-box;
	border: 0;
	background:  #FF734C;
	cursor: pointer;
	 border-radius: 22px ;
	 font-size: 18px;
	 font-weight: bold;
}
.nav-tel{
	float:left;
	width: 350px;
	margin-left: 10px;
}
.nav-tel ul{
	float: right;
	color:#666;
	margin-top:50px;
	font-size: 16px;
}
.nav-tel ul li{
float: left;
padding:0 8px;
}
.tips1{
	width: 400px;
	margin: 10px 0 0 60px;
}
.tips1 li{
	cursor: pointer;
	font-size: 12px;
	float: left;
	color: #737373;
	padding-right: 30px;
}
.tips1 li:hover{
	color:  #FF734C;
}
.nav-down{
	height: 52px;
	float: left;
	position:relative;
}

.d-l{
	float: left;
	width: 240px;
	height: 52px;
	background: linear-gradient(90deg, #ff734c 0%, #ff3d12 100%);
	border-radius:24px 24px 0 0 ;
	position: relative;
}
.d-l span{
	display: block;
	    width: 40px;
	    height: 40px;
	    margin-top: 4px;
	    margin-left: 12px;
		background: url(../imgs/detail-img/common_sprite.png) no-repeat;
		background-position:-60px -90px;
}
.d-l b{
	font-size: 20px;
	color: white;
	position: absolute;
	top: 14px;
	left: 60px;
	cursor: pointer;
}
.d-r{
	margin-left: 30px;
	float: left;
	height: 52px;
}
.d-r li{
	cursor: pointer;
	float: left;
	height: 52px;
	color: black;
	text-align: center;
	line-height: 62px;
	font-size: 18px;
	font-weight: bold;
	padding:0 12px ;
}
.d-r li:hover{
    color:#ff734c ;
}
.deta{
	width: 100%;
	float: left;
	margin-top: 50px;
	.deta-x{
		height:900px;
		.deta-l{
			margin-left: 50px;
			width:800px;
			height:400px;
			float: left;
			.minshow{
				width: 400px;
				height:400px;
				float: left;
				background: url("../imgs/detail-img/1073256.jpg") no-repeat;
				background-size: cover;
				position: relative;
				.mark{
				    width: 200px;
				    height: 200px;
				    background: rgba(0,0,0,0.3);
					display: none;
				    position: absolute;
				    top:0px;
				    left: 0px;
				    
				}
			}
			.show-img{
				width:400px;
				height: 400px;
				overflow: hidden;
				float: left;
				display: none;
				position: relative;
				img{
					position: absolute;
					width: 800px;
					height: 800px;
				}
			}
		}
		.deta-r{
			width:750px;
			height:500px;
			margin-left: 50px;
			margin-top: 50px;
			float: left;
			h3{
				color: #333;
				float: left;
			}
			.goods-dec{
				margin-top: 20px;
				width: 100%;
				height: 180px;
				float: left;
				background: #F7F9FA;
				border-radius: 10px;
				.dec-top{
					height: 54px;
					width: 100%;
					float: left;
					background: #F3F5F7;
					border-radius: 8px;
					line-height: 54px;
					p{
						float: left;
						font-size: 14px;
					}
					b{
						float: left;
						color:#FF3D12;
						font-size: 24px;
						margin-left: 30px;
					}
					h4{
						float: left;
						color:#FF3D12;
						font-size: 24px;
					}
				}
				.dec-down1{
					height: 83px;
					width: 100%;
					float: left;
					p{
						float: left;
						font-size: 14px;
						margin: 10px 0;
					}
					p:nth-child(2){
						margin-left: 40px;
						width: 560px;
						color: #333;
					}
				}
				.dec-down2{
					height: 43px;
					width: 100%;
					float: left;
					p{
						float: left;
						font-size: 14px;
						margin: 10px 0;
					}
					p:nth-child(2){
						margin-left: 40px;
						width: 560px;
						color: #333;
					}
				}
			}
			.dec2{
				margin-top: 10px;
				width: 100%;
				height: 100px;
				float: left;
				
				.dec2-1{
					width: 100%;
					height: 40px;
					float: left;
					p{
						font-size: 14px;
						float: left;

					}
					
					p:nth-child(2){
						margin-left: 14px;
						width: 560px;
						color: #333;
					}
				}
				.dec2-2{
					width: 100%;
					height: 40px;
					float: left;
					p{
						font-size: 14px;
						float: left;
				
					}
					p:nth-child(2){
						margin-left: 40px;
						width: 560px;
						color: #333;
					}
				}
			}
			.secl{
				width: 100%;
				height: 150px;
				float: left;
				margin-top: 30px;
				
				line-height: 150px;
				button{
					width: 208px;
					height: 56px;
					border: 0;
					border-radius: 50px;
					font-size: 24px;
					font-weight: bold;
					cursor: pointer;
				}
				button:nth-child(1){
					    color: #FF734C;
					    line-height: 54px;
					    border: 1px solid rgba(255, 115, 76, 0.2);
					    background: #FFF0EC;
						margin-right: 20px;
						
				}
				button:nth-child(2){
					      background-color: #ff3d12;
					      line-height: 56px;
						  color: white;
						  margin-left: 20px;
				}
			}
		}
	}
}
.foot{
	margin-top: 50px;
	width: 100%;
	float: left;
	background-color:  #232628;
}
.foot-x{
	box-sizing: border-box;
	padding: 46px 0;
	height: 250px;
}
.foot-x ul{
	float:left;
	font-size:16px;
	height: 16px;
	line-height: 16px;
}
.foot-x ul li{
	float: left;
	color: white;	
}

.foot-x ul li:nth-child(2n-1){
	padding: 0 27px;
}
.foot-x ul li:nth-child(1){
	padding-left: 0;
}
.foot-x ul li:nth-child(2n-1):hover{
	cursor: pointer;
	color: #ff734c;
}
.nthone{
	font-size: 12px;
	color: #71797F;
	line-height: 22px;
	margin-top: 50px;
}
.nthone span{
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 2px;
	background:url(../imgs/index-img/common_sprite.png) no-repeat; 
	background-position: -360px -72px;
	float: left;
}
.nthone b{
	font-weight: normal;
	display: block;
	float: left;
	margin-right: 4px;
}
.nthone b:hover{
	cursor: pointer;
	color: #ff734c;
}
.nthone i{
	font-style: normal;
	display: block;
	float: left;
	margin-right: 4px;
}
.nthtwo{
	font-size: 12px;
	color: #71797F;
	line-height: 22px;
}
.nthtwo b:hover{
	cursor: pointer;
	color: #ff734c;
}
.img-show{
	height: 40px;
	margin-top: 10px;
}
.img-show span{
	height: 100%;
	display: block;
	float: left;
	background:url(../imgs/index-img/common_sprite.png) no-repeat; 
	padding-right: 10px;
}
.img-show span:nth-child(1){
	width: 149px;
	background-position: -518px -136px;
}
.img-show span:nth-child(2){
	width: 123px;
	background-position: -676px -136px;
}
.img-show span:nth-child(3){
	width: 33px;
	background-position: -809px -136px;
}

.nththree{
	font-size: 12px;
	color: #71797F;
	line-height: 22px;
	margin-top: 20px;
}
.nththree b{
	font-weight: normal;
	display: block;
	float: left;
	margin-right: 4px;
}
.nththree b:hover{
	cursor: pointer;
	color: #ff734c;
}
.nththree i{
	font-style: normal;
	display: block;
	float: left;
	margin-right: 4px;
}